<div class="enter_details">
    <h2>Add your meal entry</h2>
    <div class="clearfix">
        <div class="col-md-2 col-lg-2">
            <div class="imagesbox">
                <img src="views/images/lunch.jpg" />
            </div>
        </div>
        <div class="col-md-5 col-lg-5">
            <div class="label_input_box form-group">
                <label>Meal Name</label>
                <input class="form-control" type="text" ng-model="mealName"/>
            </div>
            <div class="row clearfix">
                <div class="label_input_box form-group col-md-6 col-lg-6">
                    <label>Price per Meal</label>
                    <input class="form-control" type="text" ng-model="price"/>
                </div>
                <div class="label_input_box form-group col-md-3 col-lg-3">
                    <label>Quantity</label>
                    <select class="form-control" ng-model="quantity">
                        <option>1</option>
                        <option>2</option>
                        <option>3</option>
                        <option>4</option>
                        <option>5</option>
                    </select>
                </div>
            </div>
            <div class="label_input_box form-group">
                <label>Meal Items</label>
                <input class="form-control" type="text" ng-model="mealItems" />
                <span class="small_text">Seperate Multiple items by comma (,)</span>
            </div>
            <div class="label_input_box form-group">
                <label>Pickup Address</label>
                <input class="form-control" type="text"  ng-model="mealAddress1"/>
                <input class="form-control" type="text" ng-model="mealAddress2" />
            </div>
        </div>
        <div class="col-md-5 col-lg-5">
            <div class="label_input_box form-group">
                <label>For Date</label>
                <input class="form-control" type="date" ng-model="createdOn" />
            </div>
            <div class="label_input_box form-group clearfix">
                <div class="radio_btn_box pull-left">
                    <input type="radio" id="veg" name="veg_nonveg" ng-click="selectMealType('veg')"/>
                    <label for="veg">Veg</label>
                </div>
                <div class="radio_btn_box pull-left">
                    <input type="radio" id="non_veg" name="veg_nonveg" ng-click="selectMealType('nonveg')" />
                    <label for="non_veg">Non-Veg</label>
                </div>
            </div>
            <div class="label_input_box form-group clearfix">
                <div class="checkbox_btn_box pull-left">
                    <input type="checkbox" id="speciality" name="special_chef" ng-model="chefSpecial"/>
                    <label for="speciality">Chef Special</label>
                </div>
            </div>
            <div class="label_input_box form-group">
                <label for="special_chef" >Description</label>
                <textarea class="form-control" ng-model="description"></textarea>
            </div>
            <div class="form-group btn-group pull-right">
                <button type="button" class="btn btn-default" ng-click="cancel()">Cancel</button>
                <button type="button" class="btn btn-primary" ng-click="postData()">Submit</button>
            </div>
        </div>
    </div>
</div>